@charset "utf-8";
@import "common";
@import "animate";

body{
    .engine{
        background-color: #fbfaf7;
        .container{
            background-image: url(../img/layabox9.png);
            background-repeat: no-repeat;
            background-position: 100% calc(100% - 40px);
            padding-bottom: 146px;
           >.row{
               h2{
                   font-size: 47px;
                   color: #0078d7;
                   margin: 88px 0 23px 0;
                   a{
                    color: #0078d7;
                    text-decoration: none; 
                   }
               }
               p{
                   font-size: 30px;
                   color: #666666;
                   a{
                    color: #000000;
                    text-decoration: none; 
                   }
               }
           } 
           .col-md-6{
               .comk{
                    display: flex;
                    justify-content: flex-start;
                    padding-top: 77px;
                   .boot{
                        
                   }
               .bian{
                   margin-left: 14px;
                    h3{
                   font-size: 19px;
                   margin-top: 0px;
                      }
               p{
                   font-size: 14px;
                   color: #bab9b7;
                    }
                 }
                   
               }
               
               .comm{
                    display: flex;
                    justify-content: flex-start;
                    padding-top: 46px;
                   .boot{
                   
                   }
               .bian{
                   margin-left: 14px;
                    h3{
                   font-size: 19px;
                   margin-top: 0px;
                      }
               p{
                   font-size: 14px;
                   color: #bab9b7;
                    }
                 }
               
               }
           }
           
        }
    }
    .advantage{
            margin: 0 auto;
            padding-bottom: 100px;
        .container{
            background-image: url(../img/layabox10.png);
            background-repeat: no-repeat;
            background-position: 1% calc(100% + 1px);
            >.row{
            }
            .col-md-7 {
                h2{
                    font-size: 47px;
                    color: #8fc31f;
                    margin: 95px 0 44px 0;
                    a{
                        color: #8FC31F;
                        text-decoration: none;
                    }
                }
                .feimao{
                    display: flex;
                    justify-content: flex-start;
                    .mao{
                        font-size: 0;
                        padding-bottom: 16px;
                    }
                    p{
                        line-height: 54px;
                        font-size: 14px;
                        padding-left: 10px;
                        margin: 0px;
                    }
                }
            }
        }
    }
    .product{
        background-color: #0079d7;
        .container{
            >.row{
                padding-bottom: 116px;
                h2{
                text-align: center;
                font-size: 47px;
                color: #FFFFFF;
                padding-top: 116px;
                    a{
                        color: #FFFFFF;
                        text-decoration: none;
                    }
                }
                .col-md-6{
                    padding: 0;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                     h3{
                            font-size: 25px;
                            margin: 0 0 7px 0;
                        }
                        p{
                            width: 280px;
                            font-size: 14px;
                            margin: 0;
                        }
                    .jumao{
                    padding-top: 71px;
                    padding-left: 58px;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                    
                }
                .feiju{
                    padding-top: 71px;
                    padding-left: 58px;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                }
                .juyan{
                    padding-top: 79px;
                    padding-left: 58px;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                }
                .pinliu{
                    padding-top: 108px;
                    padding-left: 58px;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 55px;
                        color: #FFFFFF;
                    }
                }
                .juwen{
                    padding-top: 79px;
                    padding-left: 58px;
                    display: flex;
                    justify-content: space-between;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                }
                .pinwen{
                    padding-top: 79px;
                    padding-left: 58px;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 62px;
                        color: #FFFFFF;
                    }
                }
            }
              .col-xs-12{
                    padding: 0;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                     h3{
                            font-size: 25px;
                            margin: 0 0 7px 0;
                        }
                        p{
                            width: 280px;
                            font-size: 14px;
                            margin: 0;
                        }
                    .jumao{
                    padding-top: 71px;
                    display: flex;
                    justify-content: space-between;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                    
                }
                .feiju{
                    padding-top: 71px;
                    display: flex;
                    justify-content: flex-start;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                }
                .juyan{
                    padding-top: 79px;
                    display: flex;
                    justify-content: space-between;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                }
                .pinliu{
                    padding-top: 108px;
                    display: flex;
                    justify-content: space-between;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 55px;
                        color: #FFFFFF;
                    }
                }
                .juwen{
                    padding-top: 79px;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 60px;
                        color: #FFFFFF;
                    }
                }
                .pinwen{
                    padding-top: 79px;
                    display: flex;
                    justify-content: space-between;
                    .ju{
                        font-size: 0;
                        img{
                            padding-top: 7px;
                        }
                    }
                    .feixing{
                        padding-left: 62px;
                        color: #FFFFFF;
                    }
                }
            }
        }
    }
}

    .youxi{
        padding-bottom: 64px;
        .container{
            .row{
                .revio{
                    display: flex;
                    justify-content: space-between;
                    h2{
                        margin: 0;
                        font-size: 34px;
                        padding-top: 86px;
                    }
                    p{
                        padding-top: 89px;
                        font-size: 14px;
                    }
                }
                .col-md-5{
                    padding: 0;
                    padding: 45px 48px 0 0;
                    video{
                        width: 100%;
                        background-color: #000000;
                    }
                }
                  .col-xs-12{
                    padding: 0;
                    padding: 20px 0 20px 0;
                    video{
                        width: 100%;
                        background-color: #000000;
                    }
                }
                .col-md-7{
                    padding: 0;
                    padding-top: 54px;
                   .col-md-2{
                    .mia{
                        text-align: center;
                        padding: 0;
                        font-size: 0;
                    }
                    p{
                        margin: 0;
                        padding-top: 7px;
                        font-size: 14px;
                        text-align: center;
                        }
                    }
                   .col-md-2an{
                    padding: 0;
                    margin: 0;
                    .mia{
                        text-align: center;
                        padding: 0;
                        font-size: 0;
                    }
                    p{
                        margin: 0;
                        padding-top: 7px;
                        font-size: 14px;
                        text-align: center;
                        }
                    }
            .col-sm-3{
                 padding: 0;
             .col-md-2{
                    .mia{
                        text-align: center;
                        padding: 0;
                        font-size: 0;
                    }
                    p{
                        margin: 0;
                        padding-top: 7px;
                        font-size: 14px;
                        text-align: center;
                        }
                    }
                   .col-md-2an{
                    padding: 0;
                    margin: 0;
                    .mia{
                        text-align: center;
                        padding: 0;
                        font-size: 0;
                    }
                    p{
                        margin: 0;
                        padding-top: 7px;
                        font-size: 14px;
                        text-align: center;
                        }
                    }
                }
            .col-xs-4{
                 padding: 0;
             .col-md-2{
                    .mia{
                        text-align: center;
                        padding: 0;
                        font-size: 0;
                    }
                    p{
                        margin: 0;
                        padding-top: 7px;
                        font-size: 14px;
                        text-align: center;
                        }
                    }
                   .col-md-2an{
                    padding: 0;
                    margin: 0;
                    .mia{
                        text-align: center;
                        padding: 0;
                        font-size: 0;
                    }
                    p{
                        margin: 0;
                        padding-top: 7px;
                        font-size: 14px;
                        text-align: center;
                        }
                    }
                }  
            } 
        }
    }
}

    .cooperation{
        background-color: #f4f4f4;
        padding-bottom: 64px;
        .container{
            .row{
                margin: 0 auto;
                .cont{
                display: flex;
                justify-content: flex-start;
                h2{
                    font-size: 30px;
                    padding-top: 40px;
                    margin: 0;
                    a{
                        color: #000000;
                        text-decoration: none;
                    }
                }
                p{
                    padding-top: 55px;
                    font-size: 11px;
                    color: #bcbcbc;
                    margin: 0;
                    }
                }
            .col-md-2{
                margin-top: 33px;
                padding: 0;
                .cooerat{
                    display: flex;
                    justify-content: flex-start;
                    .cooper{
                    width: 150px;
                    height: 66px;
                    font-size: 0;
//                  margin-top: 33px;
                    border: 1px solid #dddddd;
                    background-color: #FFFFFF;
                    margin-right: 15px;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
             .col-sm-4{
                margin: 0;
                padding: 0;
                    .cooper{
                    width: 150px;
                    height: 66px;
                    font-size: 0;
//                  margin-top: 33px;
                    border: 1px solid #dddddd;
                    background-color: #FFFFFF;
                    margin-right: 15px;
                        img{
                            width: 100%;
                        }
                    }
                }
            
             .col-xs-6{
                margin: 0 auto;
                padding-left: 10px;
                    .cooper{
                    width: 150px;
                    height: 66px;
                    font-size: 0;
                    margin-top: 15px;
                    border: 1px solid #dddddd;
                    background-color: #FFFFFF;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    footer{
        width: 100%;
        background-color: #3b3b3b;
        .container{
            .row{
                display: flex;
                justify-content: space-between;
                .col-md-6{
                    margin-left: 6px;
                    h3{ 
                        margin: 0;
                        margin-top: 35px;
                        margin-right: 14px;
                        font-size: 14px;
                        color: #a1a3ab;
                        float: left;
                    }
                        p{
                        float: left;
                        margin: 0;
                        padding-top: 15px;
                        padding-bottom: 35px;
                        font-size: 10px;
                        color: #a1a3ab;
                        }
                    
                }
                .col-md-6.right{
                    display: flex;
                    justify-content: flex-end;
                    margin-top: 38px;
                    .gita{
                        font-size: 0;
                    }
                    .gitz{
                        font-size: 0;
                        text-align: center;

                    }
                    .git{
                        padding-right: 15px;
                        font-size: 0;
                    }
                    .testPop{
                        width: 80px;
                        height: 50px;
                        }
                    }
                }
            }
        }

}    

@media (max-width: 768px){
    body>.engine>.container{
            background-image: none;
    }
}

@media (min-width: 400px) and (max-width: 600px){
    body>.product>.container>row>.col-xs-12{
        
    }
}
